export default {
    bind(el, bindings) {
    },
    inserted(el, bindings) {
        console.log('inserted');

        // 现在拥有的权限
        const permissions = JSON.parse(localStorage.getItem('permissions'))
        const needPermission = bindings.value
        // console.log('needPermission',needPermission);
        // console.log('permissions',permissions);
        const hasPermission = permissions.includes(needPermission)
        // console.log('hasPermission',hasPermission);
        // console.log('bind');
        if (!hasPermission) {
            // 没有此按钮权限，但是这种展示方法，用户仍然可以通过浏览器控制台修改按钮样式为block来操作元素
            // el.style.display='none'
            // 这里写也不行，bind太早了，dom都还没有生成呢！
            // console.log('el.parentNode',el.parentNode);
            // bind方法里面用setTimeout解决。inserted里面直接写就好了
            /* setTimeout(() => {
                // console.log('setTimeout');
                console.log('el.parentNode', el.parentNode);
                el.parentNode.removeChild(el)
            }, 0) */
            el.parentNode.removeChild(el)
        }
    }
}